<!DOCTYPE html>
<html lang="zh">
<title>喜气洋洋小四班·荣誉殿堂</title>
<link rel="shortcut icon" href="images/A.png">
<head>
	<meta charset="utf-8">

	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!--pageMeta-->

	<!-- Loading Bootstrap -->
	<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

	<!-- Loading Flat UI -->
	<link href="css/flat-ui.css" rel="stylesheet">

	<link href="css/style.css" rel="stylesheet">

	<link href="css/style.complete.css" rel="stylesheet">

</head>

<body>
	<audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden>

		<source src="BGM.mp3" />

	</audio>

	<div id="page" class="page">
		<audio autoplay="autopaly" loop="loop" id="audios">
			<source src="China.mp3" type="audio/mp3" />
		  </audio>

		<div class="item header margin-top-0 padding-bottom-0" id="header3">

			<header class="wrapper image image1" style="height:550px">

				<div class="bg bg1"></div>

				<div class="container">

					<div class="row banner2">

						<div class="col-md-8 col-md-offset-2 text-center width: 100">
							<div style="margin-bottom: 100px;"></div>
                                <strong style="font-size: 40px;">喜气洋洋小四班·荣誉殿堂</strong>
							<p>
							</p>
						</div>

					</div><!-- /.row -->

				</div><!-- /.container -->

			</header>
		</div><!-- /.wrapper -->


		<section id="content-1-9" class="content-1-9 content-block">

			<div class="container">

				<div class="underlined-title">
					<div class="editContent">
						<h1>获奖名单</h1>
					</div>
					<hr>
					<div class="editContent">
						<h2>List of winners</h2>
					</div>
				</div>

				<div class="row">

					<div class="col-md-4 col-sm-12 col-xs-12 pad25">
						<div class="col-xs-2">
							<span class="fa fa-pencil"></span>
						</div>
						<div class="col-xs-10">
							<div class="editContent">
								<h4>一等奖</h4>
							</div>
							<div class="editContent">
								<p>赵梓含</p>
							</div>
						</div>
					</div>

					<div class="col-md-4 col-sm-12 col-xs-12 pad25">
						<div class="col-xs-2">
							<span class="fa fa-code"></span>
						</div>
						<div class="col-xs-10">
							<div class="editContent">
								<h4>二等奖</h4>
							</div>
							<div class="editContent">
								<p>罗鑫睿、翟一航、何思源、荀译萱</p>
							</div>
						</div>
					</div>

					<div class="col-md-4 col-sm-12 col-xs-12 pad25">
						<div class="col-xs-2">
							<span class="fa fa-comments-o"></span>
						</div>
						<div class="col-xs-10">
							<div class="editContent">
								<h4>三等奖</h4>
							</div>
							<div class="editContent">
								<p>唐菡梓、陈璿如、蒋浩铭、赵梓含、戴君帆、刘庆洋睿、覃朗、周承熠</p>
							</div>
						</div>
					</div>
				</div><!-- /.row -->
			</div><!-- /.container -->

		</section>
		<!-- // End Content Block 1-9 -->
		<!-- Start Content Block 2-7 -->
		<section id="content-2-7" class="content-block content-2-7">
			<div class="container">

				<div class="row">

					<div class="col-sm-12">
						<div class="underlined-title">
							<div class="editContent">
								<h1>喜气洋洋小四班 · 荣誉殿堂</h1>
							</div>
							<hr>
							<div class="editContent">
								<h2>Hall of Honor</h2>
							</div>
						</div>
					</div>

					<div class="col-sm-3 text-center">
						<div>
							<strong style="color: white; font: size 40px;">获奖总人数</strong>
						</div>
						<div class="counter-text">
							<div class="editContent">
								<h3 class="counter">12</h3>
							</div>
							<div class="editContent">
								<p>Total number of winners</p>
							</div>
						</div>
					</div>

					<div class="col-sm-3 text-center">
						<div>
							<strong style="color: white; font: size 40px;">一等奖</strong>
						</div>
						<div class="counter-text">
							<div class="editContent">
								<h3 class="counter">1</h3>
							</div>
							<div class="editContent">
								<p>the first prize</p>
							</div>
						</div>
					</div>

					<div class="col-sm-3 text-center">
						<div>
							<strong style="color: white; font: size 40px;">二等奖</strong>
						</div>
						<div class="counter-text">
							<div class="editContent">
								<h3 class="counter">4</h3>
							</div>
							<div class="editContent">
								<p>second award</p>
							</div>
						</div>
					</div>

					<div class="col-sm-3 text-center">
						<div>
							<strong style="color: white; font: size 40px;">三等奖</strong>
						</div>
						<div class="counter-text">
							<div class="editContent">
								<h3 class="counter">8</h3>
							</div>
							<div class="editContent">
								<p>third award</p>
							</div>
						</div>
					</div>

					<div class="col-sm-12 text-center pad45">
						<div class="editContent">
							<strong class="white">让我们一起飞向文学的天空</a></strong>
						</div>
					</div>

				</div><!-- /.row -->

			</div><!-- /.container -->
		</section>

		<section id="content-1-9" class="content-1-9 content-block">

			<div class="container">

				<div class="underlined-title">
					<div class="editContent">
						<h1>文学殿堂 · 教师的鼓励</h1>
					</div>
					<hr>
					<div class="editContent">
						<h2>Teachers' encouragement</h2>
					</div>
				</div>

				<div class="row">

					<div class="col-md-4 col-sm-12 col-xs-12 pad25">
						<div class="col-xs-2">
							<span class="fa fa-pencil"></span>
						</div>
						<div class="col-xs-10">
							<div class="editContent">
								<h4>语文老师：万方萍</h4>
							</div>
							<div class="editContent">
								<p>青春筑梦书以枕，少年拿云笔为梯。与文学结缘的生活，能助天高海阔知行合一，做更好的自己。
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-12 col-xs-12 pad25">
						<div class="col-xs-2">
							<span class="fa fa-pencil"></span>
						</div>
						<div class="col-xs-10">
							<div class="editContent">
								<h4>英语老师：杨代洪</h4>
							</div>
							<div class="editContent">
								<p>听闻少年二字，应与平庸相斥；来路不由己，来日尚可期。愿我深爱的少年们，山水万里，皆有好运！
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-sm-12 col-xs-12 pad25">
						<div class="col-xs-2">
							<span class="fa fa-pencil"></span>
						</div>
						<div class="col-xs-10">
							<div class="editContent">
								<h4>数学老师：张树明</h4>
							</div>
							<div class="editContent">
								<p>身心健康，持续发展！
								</p>
							</div>
						</div>
					</div>

					
				</div><!-- /.row -->
			</div><!-- /.container -->

		</section>
	</div>

	<script>
		$(function () {

			if ($('#nivoSlider').size() > 0) {

				$('#nivoSlider').nivoSlider({
					effect: 'random',
					pauseTime: 5000
				});

			}

		})
	</script>
	<script>
		var audio = document.getElementById('music1');

		$("#btn").bind("touchstart", function bf() {



			if (audio !== null) {

				//检测播放是否已暂停.audio.paused 在播放器播放时返回false.

				//alert(audio.paused);

				if (audio.paused) {

					audio.play(); //audio.play();// 这个就是播放

					$("#btn").addClass("active")

				} else {

					audio.pause(); // 这个就是暂停

					$("#btn").removeClass("active")

				}

			}

		})
	</script>
		<script>
			document.addEventListener('WeixinJSBridgeReady', function() {
			document.getElementById('audios').play()
			})
		  </script>
	  
	<div style="text-align: center;">
		<audio src="BGM.mp3" controls></audio>
	</div>
</body>

</html>